// import Add from './01Hook/01Class累加器'
// import Hook from './01Hook/02Hook累加器'
// import UseState from './01Hook/03useState'
// import Hooks from './01Hook/04多个状态'
// import HooksC from './01Hook/05复杂状态'
// import HooksFn from './01Hook/06useStateFn'

// import Smzq from './02useEffect/01Class组件生命周期方法'
// import Smzq from './02useEffect/02useEffect'
// import Smzq from './02useEffect/03useEffect'
// import Smzq from './02useEffect/04useEffect清楚定时器'
// import Smzq from './03useRef/01useRef'
// import Smzq from './04useReducer/01useReducer'
import Smzq from './04useReducer/02useReducer'
function App() {
  return (
    <div>
      {/* <p>不使用hooks</p>
      <Add></Add>
      <hr/>
      <p>使用hooks</p>
      <Hook></Hook>
      <hr/>
      <p>解构的方式使用hooks</p>
      <UseState></UseState>
      <hr/>
      <p>使用hooks实现多个状态</p>
      <Hooks></Hooks>
      <hr/>
      <p>使用hooks实现复杂状态</p>
      <HooksC></HooksC>
      <hr/>
      <p>函数用法</p>
      <HooksFn></HooksFn> */}
      <Smzq></Smzq>
    </div>
  );
}

export default App;
